body{
    font-family: "Microsoft Yahei",Arial,sans-serif;
}
/*导航*/
.navbar {margin-bottom: 0px;}
.navbar-default{border:none;background:#01538b;border-radius: 0px !important;}
.navbar-default .navbar-nav > li{}
.navbar-default .navbar-nav > li > a{display:black;font-weight: bold;color:#bb985b;border-right: 1px solid #d8d8d8;padding:0px 15px;margin:15px 0px;}
.navbar-default .navbar-nav > li > a:hover{color: #fff}
.navbar-default .navbar-nav > li > a.active span{
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 3px solid #01538b;
}
.navbar-collapse{padding:0px;}
.navbar-toggle{position: absolute;right:0px;top:0px;}



.tech .techtexttop p {     line-height: 22px;
    margin-top: 7px;}



.yj_tech>div a {     margin: 30px auto 0;
    width: 124px;
    /* margin-bottom: 23px; */
    display: block;
    float: none;
    background: #01538b;
    border-bottom: 4px solid #01538b;
    border-radius: 10px;
    /* line-height: 41px; */
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
	    display: block;
    color: #fff;
    height: 44px;
    line-height: 40px;}

@media (min-width: 320px) {
    #logo-img{margin:5px auto;}
    #logo-img img{width:80%;}
    .siderNav ul li{width:24%;height: 25px;line-height: 25px;font-size: 12px;}
}





@media screen and (max-width: 520px){
    .hidden-phone{display: none;}
	.hd-list .list .col-md-3 a img { margin:0 auto 20px; display:block;}
}
@media (max-width: 767px) {
    .home-nav li a{font-size: 14px;}

    .crumbs {line-height: 35px;background-color: #eee;margin:-15px;}
    .crumbs ul li{padding: 0px 15px;border: 1px solid #fff;}
    .crumbs ul li a{display: block;}
    .crumbs ul li.active{background-color: #ccc;}
    .crumbs ul li.active a{color: #000;}
	#tab { margin-top:15px;}
	.offset-img{
		display: none;
	}
	#fixedbtn{
		display: none!important;
	}
	#carousel-student .carousel-caption .ifc .ititle, #carousel-tech .carousel-caption .ifc .ititle{
		line-height: 20px;
    font-size: 14px;
	}
    /*小屏幕导航*/
    /*导航*/
    .navbar-default .navbar-collapse{background: #01538b;}
    .navbar-nav{padding: 22px 10px; margin: 0;}
    .navbar-default .navbar-nav > li  {
        display: block;
        float: left;
        width: 25%;
		margin-bottom: 5px;

    }
    .navbar-default .navbar-nav > li >a{
        display: block;
        width: 90%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #49bef8;
        border-radius: 20px;
        margin: 0 auto;
        color: #fff;
    }
    .form-control{width: 90%; margin-left: 5%;}
    .navbar-form{margin-top: 0;}
    .navbar-form{border-top: none;}
    .btn-default{ margin-left: 80%;}
    .navbar-default .navbar-nav > li > a{padding: 0 0;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none; overflow: hidden;}
    #q{width: 80%; margin-left: 5%;display:inline;}
    .form-group_new a {margin-left:15px;}
	.offset-img img { display:block; margin:0 auto;}
	.visible-xs {
		margin-bottom: 0px;
	}
	
	
	.guandian { padding:0 20px; box-sizing:border-box;}
	
	.div_new1 .row {display: -webkit-box; /*Safari and Chrome */
  display: -ms-flexbox;
	display: -moz-box; /*Firefox */
  display: flex;
    -webkit-box-align: center;
  -webkit-align-items: center;
       -ms-flex-align: center;
          align-items: center; }
	.div_new1 .row .col-sm-3	  {   text-align: center;  padding: 45px 10px!important;}
	.div_new1 .row .col-sm-9	  {        padding: 0px 10px!important;}
	#videoAlert video{margin-top:20%;}
	
}

@media (min-width: 768px) {
    #logo-img{margin:10px auto;}
    #logo-img img{width:70%;}
    .siderNav ul li{width:18%;height: 30px;line-height: 30px;font-size: 14px;}
    .home-nav li a{font-size: 18px;}

    .crumbs {height:35px;border-bottom: 1px solid #eaeaea;line-height: 35px;}
    .crumbs ul{display: block;float: right;height: 35px; margin-right: 5%;}
    .crumbs ul li{float: left;padding: 0px 25px;}
    .crumbs ul li.active{
        color: #01538b;
        border-left: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea;
        border-top: 1px solid #01538b;
        background: #fff;
    }
	
	.col-xs-4 {
		width: 23%;
	}
	
	.col-sm-6 {
		/*width: 50%;*/
	}
	
	.col-md-4 {    width: 33.33333333%;}
	.col-md-8 {
		width: 66.66666667%;
	}
	
	.hzright {     width: 43%;}
}
@media (min-width: 992px) {
    
    #logo-img{margin:15px auto;}
    #logo-img img{width:60%;}
    .siderNav ul li{width:15%;height: 36px;line-height: 36px;font-size: 14px;}

}
@media (min-width: 1200px) {
    .container {
        width: 990px;
    }
    #logo-img{margin:30px auto 15px;}
    #logo-img img{width:48%;}
    .siderNav ul li{width:13%;height: 36px;line-height: 36px;font-size: 16px;}

}


#carousel-home .carousel-inner .item{
    height: 0;
    padding-bottom: 25%;
}

/*教师风采和学生风采，保持长宽比例*/
#carousel-tech .carousel-inner .item,#carousel-student .carousel-inner .item{
    height: 0;
    padding-bottom: 66.66%;
}
.carousel-inner .item .imgurl{
    display: block;
}

ul,ol,h1,h2,h3,h4,h5,h6{list-style: none;margin: 0px;padding: 0px;}
a{text-decoration: none;color:#333;}
a:hover{text-decoration: none;color:#01538b;}


/*首页五个副导航*/
.home-nav{
    margin:-7% auto 0px;
    position: relative;
    opacity: 0.8;
    filter:appha(opactty=80);
    z-index: 100;
    height: 0;
    padding-bottom: 14%;
}
.home-nav li{width:20%;height:0px;padding-bottom: 14%;float: left;background-color: #01538b;}
.home-nav li a{
    display: block;
    width: 100%;
    height: 100%;
    padding:52% 0px 0px;
    text-align: center;
    color:#fff;
    border-right:1px solid #006c9f;

}
.home-nav li:hover{
    padding-bottom: 16%;
    background-color: #01538b;
    margin-top: -2%;
}
.home-nav li.icon1 a{
    background: url(../images/icon1.png) no-repeat center 30%;
    background-size: 25% 45%;
    width: 100%;
}
.home-nav li.icon2 a{
    background: url(../images/icon2.png) no-repeat center 30%;
    background-size: 25% 45%;
    width: 100%;
}
.home-nav li.icon3 a{
    background: url(../images/icon3.png) no-repeat center 30%;
    background-size: 25% 45%;
    width: 100%;
}
.home-nav li.icon4 a{
    background: url(../images/icon4.png) no-repeat center 30%;
    background-size: 25% 45%;
    width: 100%;
}
.home-nav li.icon5 a{
    background: url(../images/icon5.png) no-repeat center 30%;
    background-size: 25% 45%;
    width: 100%;
}

/* 首页 新闻动态列表 公告列表 教师观点，学生风采*/
.news .title,.gg .title{background: url(../images/line1.png) no-repeat 111px 6px;margin-bottom: 20px;}
.title h2{font-size:22px;color:#0062ac;font-weight: bold;}
.title h2 a{color:#999;font-size:14px;font-weight: normal;line-height: 22px;}
#carousel-news .carousel-indicators ,#carousel-student .carousel-indicators,#carousel-tech .carousel-indicators{bottom: -20px;}
#carousel-news .carousel-indicators li,#carousel-student .carousel-indicators li,#carousel-tech .carousel-indicators li{border:1px solid #ccc;}
#carousel-news .carousel-indicators .active ,#carousel-student .carousel-indicators .active,#carousel-tech .carousel-indicators .active{background-color:#0062ac;}
#carousel-news .carousel-caption,#carousel-student .carousel-caption,#carousel-tech .carousel-caption{
    left: 0px;
    bottom: 0px;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,0.5);
    width:100%;
    color:#fff;
    text-align: left;
}

#carousel-news .carousel-caption a span{
    display: inline-block;
    padding: 0px 10px;
    background: #01538b;
}

#carousel-news .carousel-caption a,#carousel-student .carousel-caption a,#carousel-tech .carousel-caption a{
    color: #fff;
}

#carousel-student .carousel-caption,#carousel-tech .carousel-caption{
    height:64px;
    /*line-height: 64px;*/
    font-size: 16px;
}


#carousel-student .carousel-caption .ifc,#carousel-tech .carousel-caption .ifc{
    color: #fff;
	display:block;
}

#carousel-student .carousel-caption .ifc span,#carousel-tech .carousel-caption .ifc span{
    display: block;
	float:left;
}
#carousel-tech .carousel-caption .ifc .tag{
    padding: 0px 20px;
    background: #01538b;
	line-height:64px;
	width:114px;
}
#carousel-student .carousel-caption .ifc .tag{
    padding: 0px 20px;
    background: #675cf2;
	line-height:64px;
	width:114px;
}
#carousel-student .carousel-caption .ifc .ititle,#carousel-tech .carousel-caption .ifc .ititle{
    padding: 5px 10px;
	line-height:27px;
}



.newsli {margin-top:30px;}
.newsli ul li{margin-bottom: 15px;}
.newsli ul li a span{color:#01538b;}
.newsli ul li a:hover {color:#01538b;}
.newsli ul li a:visited,.newsli ul li a:link{color:#333;text-decoration: none;}


.gg{font-family: "Microsoft Yahei"!important;}
.ggli .media-body h3{font-size: 16px;font-weight: normal;margin-bottom: 15px;}
.ggli .media-body .time_add{
    color:#999;
}
.ggli .media-body .time_add ul li{margin-bottom: 2px;}
.ggli .media-list li.media{margin-bottom: 30px;}
.ggli .media-list li.media .media-left {padding-right: 30px;}
.ggli .media-list li.media .media-left dl{width:64px;text-align: center;}
.ggli .media-list li.media .media-left dt{height:34px;line-height: 34px;background: #929292;color: #fff;}
.ggli .media-list li.media .media-left dt span{font-size: 20px;}
.ggli .media-list li.media .media-left dl dd{font-size: 30px;color:#8e8e8e;}

.ggli .media-list li.media .huang dl dt{ background: #01538b;}
.ggli .media-list li.media .huang dl dd{ color: #01538b;}


/*banner&面包屑导航*/
.siderNav {position: absolute;left: 0px;bottom: 0px;width: 100%;}
.siderNav ul{width:100%;display: block;}
.siderNav ul li {background: #01538b;float:left;text-align: center;margin-right: 1px;}
.siderNav ul li:hover {background: #fff;}
.siderNav ul li.active {background: #fff;}
.siderNav ul li a{color: #fff;display: block;}
.siderNav ul li.active a{color: #01538b;background: #fff;}
.siderNav ul li a:hover{color: #01538b;}

.slider{margin-bottom: 30px;}



.content {line-height: 30px;}


.content .b_banner10{
    background: url(../images/banner10.jpg) no-repeat center center;
    background-size:cover;
    padding: 50px 0px 60px;
    color: #fff;
}

.content .b_bannera{
    background: url(../images/a.png) no-repeat center center;
    background-size: cover;
    padding: 50px 0px 60px;
    color: #fff;
}

.school-name{
    background: #fff;
    font-size: 20px;
    line-height: 36px;
    color: #e8620e;
    display: inline-block;
}
.school-name span{
    display: inline-block;
    padding: 0px 20px;
    margin: 1px 0px;
    border-top: 1px solid #e8620e;
    border-bottom: 1px solid #e8620e;
}

.school-video .col-md-6{
    position: relative;
}
.school-video .col-md-6 a{
    display: block;
    width:70px;
    height: 70px;
    background: url(../images/playbtn.png) no-repeat;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -70px;
    margin-left: -35px;
}
.school-video .col-md-6 p{
    font-size: 16px;padding: 20px;
}

/*师资力量*/
.techul li{padding: 40px 0px;border-bottom: 1px solid #f6f6f6;}


/*右侧导航*/
.right_block .img_block img{width:100%;}
.right_block .btn{
    display: block;
    width:100%;
    margin: 0px;
    padding: 0px;
    margin-top: 50px;
}
.btn a{display: block; width: 100%;height: 50px; background:#01538b; border-bottom: 4px solid #01538b; border-radius:10px;line-height: 50px; text-align: center; font-size: 18px; color: #fff;margin-bottom: 19px;}
.btn .project{background:  #01538b url('../images/icon18.png') no-repeat 15px center;}
.btn .project:hover{background:  #fef6f2 url('../images/icon18_active.png') no-repeat 15px center;border: 1px solid #f2aa80;border-bottom: 4px solid #f8cdb5; border-radius: 10px;color: #01538b;}
.btn .bm{background:  #01538b url('../images/icon19.png') no-repeat 15px center;}

.right_block .hd .title{     border-bottom: 0;
    border-top: 1px solid #eee;
    height: 40px;
    margin-top: 20px;}
.right_block .hd .title h3{ line-height:inherit; margin-top:10px;font-size: 18px; color: #333;}
.right_block .hd .hdbox{width: 100%;margin-top: 14px; border-top: 1px solid #ea6d1f; position: relative; border-bottom: 1px solid #ea6d1f;}
.right_block .hd .hdbox .jiao{ display: block; width: 9px; height: 5px; background: url('../images/jiao.png') no-repeat;position: absolute;top:0;left:50%;margin-left: -5px;}
.right_block .hd .hdbox .hdimg{ width: 100%;padding: 20px 17px;background: #f2f2f2;line-height:20px;font-size: 14px;}
.right_block .hd .hdbox .hdimg a img{ width: 100%;margin-bottom: 19px;}
.right_block .hd .hdbox .hdimg a p{color: #333; font-size: 14px;margin-bottom: 5px;}
.right_block .hd .hdbox .hdimg a:hover p{ color: #01538b;}
.right_block .hd .hdbox .hdimg span{ color: #999;}
.right_block .hd .hdbox .hdimg .time{margin-right: 11px;}
.right_block .hd .hdbox .hdimg .add{margin-left: 9px;}
.right_block .hd .hdbox .hdlist ul li a{ display: block;height: 46px;line-height: 46px; border-bottom: 1px solid #eee; background: url('../images/dian.png') no-repeat left center;padding-left: 10px; color: #999;}
.right_block .hd .hdbox .hdlist ul li a:hover{ color: #01538b;}

.right_block .img-block img{width:100%;}

.right_block .hd .nocur{margin-top:0px;border:none;border-top: 1px solid #ccc;}
.right_block .hd .nocur .jiao{display:none;}
.right_block .hd .nocur .hdimg{padding:15px;}
.right_block .hd .nocur .hdimg a img{display:none;}
.right_block .hd .nocur .hdimg span{display:none;}
.right_block .hd .nocur .hdimg a p{margin-bottom: 0px;}


.thumbnail{border:none;}
.thumbnail img{width:95%;}
.thumbnail .caption{width:95%;margin: 0px auto;padding: 20px 20px 0px;background: #f6f6f6;height: 100px;}


.gg-content li.media{border-bottom:1px dashed #cecece;}
.hd-list .list{padding: 30px 0px;border-bottom: 1px solid #eaeaea;}
.hd-list .list h3{margin-bottom: 20px;}

.list h3 a,.hstj h3 a{font-size:16px;color:#000;}
.list p.media-desc,.list p.media-desc a,.hstj p.media-desc,.hstj p.media-desc a{font-size:14px;color:#999;}
.list p.media-date,.list p.media-date a{font-size:12px;color:#999;}

.list-group-item {border:none;margin-bottom: 0px;padding: 5px 0px;border-bottom: 1px solid #eaeaea;}
.list-group-item h3{margin-bottom: 10px;}


/*视频中心*/

#carousel-media .carousel-inner .item{
    height: 0;
    padding-bottom: 42%;
    overflow: hidden;
}
.carousel-inner .item .imgurl{
    display: block;
	position:absolute;
	height:100%;
	width:100%;
}
.carousel-inner .item .imgurl img{
    display: block;
    height: auto!important;
    width: 100%;
}

#carousel-media .carousel-caption{
    left: 20px;
    bottom: 20px;
    padding: 0px;
    height: 40px;
    line-height: 50px;
    width:100%;

    text-align: left;
    font-size: 16px;
}
#carousel-media .carousel-caption a{
    color:#fff;
}

#carousel-media .carousel-indicators {
    left: 0px;
    right: 0px;
    width:100%;
    margin:0px;
    text-align: right;
    padding-right: 10px;
}

.videolist ul li{position: relative;overflow: hidden;margin-bottom: 20px; cursor: pointer;}
.videolist ul li .videoimg{overflow:hidden;}
.videolist ul li .videoimg img{ width:100%;height: 100%;transform:scale(1,1);transition: all .5s ease-out;}
.videolist ul li:hover .videoimg img{transform:scale(1.5,1.5);}
.videolist ul li .videotitle{ position: absolute;bottom: 0;left: 15px;right:15px;width: auto;height: 44px;}
.videolist ul li .videotitle span{ display: block; position: absolute;top:0;left:0; width: 100%;height: 44px; background: #000;opacity: 0.5; filter:alpha(opacity=50);}
.videolist ul li .videotitle p{ width: 382px;height: 44px; color: #fff;padding-left: 30px; position: absolute;top:0;left:0;line-height: 44px;}
.videolist ul li .videofloat{display: none; width: 100%;height: 100%; position: absolute;top:0;left:0;}
.videolist ul li .videofloat span{ display: block; width: 100%;height: 100%; position: absolute;top:0;left: 0; background: #000;opacity: 0.5; filter:alpha(opacity = 50);}
.videolist ul li .videofloat p{ color: #fff; position: absolute;top:50px;left:50px;right: 50px;bottom:50px;font-size:12px;}
.videolist ul li .videofloat a{position: absolute;left:50px;top:120px; width: 86px;height: 28px; border-radius: 5px; background: #01538b; color: #fff; line-height: 28px; text-align: center;}


.list h3 a,li h3 a{font-size: 16px;}


/*底部*/
.footer .container dl{float: left;border-right: 1px solid #383838;margin-top:20px;}
.footer .container dl dd {margin-bottom: 10px;}
.footer .container dl dd a {color:#7a7a7a;font-size:12px;}
.footer .container dl dd a:hover {text-decoration:underline;}


.fixedbtn{ width: 46px; height: 191px; background: #eee; position: fixed;top:50%;right: 10px; margin-top: -95px;display: none;}
.fixedbtn ul li{ position: relative;}
.fixedbtn ul li div{display: none; position:absolute;top:0;left:-190px; width: 190px;padding: 20px 0; background: #e6e6e6;}
.fixedbtn ul li div .jiao{ display: block; width: 7px; height: 13px; position: absolute;top:16px; right: -7px; background: url('../images/jiao1.png') no-repeat;}
.fixedbtn ul li div p{margin-left: 18px;font-size: 12px;}
.fixedbtn ul li div img{display: block; margin: 0 auto;}
.fixedbtn ul li a{ display: block;width:26px;height: 47px; border-bottom: 1px solid #cfcfcf;margin:0 auto;}
.fixedbtn ul li a.tel{display:inline;border:none;}
.fixedbtn ul li:hover{ background: #01538b;}
.fixedbtn ul li .icon1{ background: url('../images/icon10.png') no-repeat center center;}
.fixedbtn ul li .icon2{ background: url('../images/icon11.png') no-repeat center center;}
.fixedbtn ul li .icon3{ background: url('../images/icon12.png') no-repeat center center;}
.fixedbtn ul li .icon4{ background: url('../images/icon13.png') no-repeat center center;}

/* 分页 */
.page{ text-align: center;margin: 35px auto 50px;}
.page a,.page span{display:block;float:left;width: 52px; height: 40px;line-height: 40px; border: 1px solid #e2e2e2;color: #999; margin-bottom:10px;}
.page a:first-child{border-left: 1px solid #e2e2e2;}
.page a:hover{ background: #01538b; color: #fff;}
.page .a1{width: 85px;}
.page .next{width: 85px; border-right:0;}
.page span{background: #01538b; color: #fff;}
.page span.pagep{background: none; color: #999;width:65px;}

/*logo  修改陈*/
@media (min-width: 320px) and (max-width: 800px) {
    .logo-img_l {
            margin-top: 8px;
        width: 41%;
        float: left;
    }

    .logo-img_r {
	margin-top: 8px;
        margin-right: 19%;
        float: right;
        width: 29%;
    }
	.div_new1 .row .col-sm-3 {
    padding: 58px 10px!important;
}
.hd-list .list{
	padding: 30px 0 10px;
}
.crumbs{
	margin-bottom: 10px;
}
}
@media (max-width: 375px) {
    .videolist ul li .videotitle p {
		width: 100%;
		padding-right: 5px;
		box-sizing:border-box;
		padding-left: 5px;
		
	}
}

#carousel-hd .item{padding-bottom:70%;}

.colum ul li .techtextbottom,.techtextbottom{ font-size: 14px; color: #999;line-height:24px;}
.colum ul li span{ display: block;color: #999; font-size: 12px;}

/* 内容 更多按钮*/
.more div.fr{
    float:right;
}
.more div.fr p{display:none;}
.more div.fr .morelink {
    display:block;
    float:right;
    background: #01538b;
    border-bottom: 4px solid #01538b;
    border-radius: 10px;
    line-height: 40px;
    padding-left:30px;
    padding-right:30px;
    font-size:16px;
}
.more div.fr .morelink a{color:#fff;}


.btn a{display: block; width: 100%;height: 50px; background:#01538b; border-bottom: 4px solid #01538b; border-radius:10px;line-height: 50px; text-align: center; font-size: 18px; color: #fff;margin-bottom: 19px;}
.btn .project{background:  #01538b url('../images/icon18.png') no-repeat 15px center;}
.btn .project:hover{background:  #fef6f2 url('../images/icon18_active.png') no-repeat 15px center;border: 1px solid #f2aa80;border-bottom: 4px solid #f8cdb5; border-radius: 10px;color: #01538b;}
.btn .bm{background:  #01538b url('../images/icon19.png') no-repeat 15px center;}
.btn .bm:hover{background:  #fef6f2 url('../images/icon19_active.png') no-repeat 15px center;border: 1px solid #f2aa80;border-bottom: 4px solid #f8cdb5; border-radius: 10px; color: #01538b;}


/*全站统一图片比例*/
.pbcsf_thumb{
	display:block;
	width:100%;
	position:relative;
	height:0;
	padding-bottom:66.66%
}
.pbcsf_thumb img{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
}

span.datetime{
	font-size:12px;
	color:#999;
}
.nowrap{
	display:inline-block;
	/*white-space:nowrap;*/
}
@media only screen  and (max-width: 766px) {
	.fixedbtn{opacity: 0;}
	 #carousel-tech .carousel-caption .ifc .ititle{
	 	line-height: 17px;
	 }
}
